<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>globalComponent</title>
    </head>
    <body>
        <!-- 全局组件 -->
        <div id = "app">
            <my-component></my-component>       
        </div>
        <script src = "../../vue.min.js"></script>
        <script>
            Vue.component('my-component',{
                props:{
                    //必须是数字类型
                    propA:Number,
                    //必须是子u非常和数字类型
                    propB: [String, Number],
                    // 布尔值,如果没有定义,默认值就是true
                    propC:{
                        type:Boolean,
                        default:true
                    },
                    //数字,而且是必传
                    propD:{
                        type:Number,
                        required:true
                    },
                    // 如果是数组或对象,默认值必须是一个函数来返回
                    propE:{
                        type:Array,
                        default: function () {
                            return [];
                        }
                    },
                    // 自定义一个验证函数
                    propF:{
                        validator:function (value) {
                            return value>20;
                        }
                    }
                }
            });
            var app = new Vue({
                el:'#app',
            })
        </script>
    </body>
</html>